<!-- 选择小类页面 -->
<ion-view view-title="{{view_title}}">
    <ion-content class="hw-content hw-secondcategory">

        <div class="" ng-repeat="itemBlock in secondCategoryData">
            <label class="col col-50 hw-tlt hw-h4">{{itemBlock.title}}</label>
            <div class="row" ng-repeat="itemRow in itemBlock.data">
                <div ng-repeat="item in itemRow" class="col col-33">

                    <button class="button button-light hw-one hw-h4">
                        {{item.name}}
                    </button>
                </div>
            </div>
        </div>

    </ion-content>
</ion-view>

<!-- 一些小的，重用性不高的css可以放在模版内定义，可以方便开发 -->
<style>
    .hw-secondcategory .col{
        text-align: center;
    }
    .hw-secondcategory .hw-one{
        width: 100%;
        color: #4d4d4d;
    }
    .hw-secondcategory .hw-tlt{
        text-align: left;
        padding-left: 15px;
        padding-bottom: 0;
        color: #11c1f3;
        font-weight: 700;
        position: relative;
        top: 8px;
    }
</style>